<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<link rel="shortcut icon" href="images/favicon.ico" />

	<style type="text/css">
		@import url(stylesheets/light/styles.css);		/*link to the main CSS file */
		@import url(sliders/roundabout-slider/roundabout.css);		/*link to the CSS file for roundabout slider */
	</style>

	<title>Inspiration | Home page</title>
	
	<!-- Initialise jQuery Library -->
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
	<script type="text/javascript" src="js/cufon/cufon-yui.js"></script>
</head>
<body id="main">
<!-- Start Main Nav -->
<div class="mainnav_full">
	<div id="MainNav">
		<a href="index.html" class="logo"><img src="images/logo.png" width="180" height="50" alt="" /></a>
		<div id="menu">
			<ul class="ddsmoothmenu">
				<li class="current-menu-item"><span class="menuslide"></span><a href="#" title="Home">Home<span class="menu_description">Beginning</span></a>
                	<ul>
						<li><a href="index.html" title="Accordion Slider">Accordion Slider</a></li>
						<li><a href="index2.html" title="Nivo Slider">Nivo Slider</a></li>
						<li><a href="index3.html" title="Coin Slider">Coin Slider</a></li>
						<li><a href="index4.html" title="Anything Slider">Anything Slider</a></li>
						<li><a href="index5.html" title="3D Slider">3D Slider</a></li>
						<li><a href="index6.html" title="Roundabout Slider">Roundabout Slider</a></li>
						<li><a href="index7.html" title="Orbit Slider">Orbit Slider</a></li>
						<li><a href="index8.html" title="Serie3 Slider">Serie3 Slider</a></li>
					</ul>
                </li>
				<li><span class="menuslide"></span><a href="#" title="About">About<span class="menu_description">About Theme</span></a>
                	<ul>
						<li><a href="about.html" title="About Us">About Us</a></li>
						<li><a href="services.html" title="Services">Services</a></li>
						<li><a href="fullwidth.html" title="Fullwidth">Fullwidth</a></li>
						<li><a href="sidebar_left.html" title="Sidebar Left">Sidebar Left</a></li>
						<li><a href="typography.html" title="Typography">Typography</a></li>
						<li><a href="faq.html" title="FAQ">FAQ</a></li>
                        <li><a href="#" title="Shortcodes">Shortcodes</a>
                        <ul>
                            <li><a href="short_tabs.html" title="Tabs">Tabs</a></li>
                            <li><a href="short_accordion.html" title="Accordion">Accordion</a></li>
                            <li><a href="short_toggle.html" title="Toggle">Toggle</a></li>
                        </ul>
                        </li>
					</ul>
                </li>
				<li><span class="menuslide"></span><a href="gallery.html" title="Gallery">Gallery<span class="menu_description">Our Gallery</span></a></li>
				<li><span class="menuslide"></span><a href="#" title="Portfolio">Portfolio<span class="menu_description">Our Portfolio</span></a>
					<ul>
						<li><a href="portfolio_1col.html" title="Portfolio 1 Column">Portfolio 1 Column</a></li>
						<li><a href="portfolio_2col.html" title="Portfolio 2 Column">Portfolio 2 Column</a>
						<ul>
							<li><a href="portfolio_1col.html" title="Portfolio 1 Column">Portfolio 1 Column</a></li>
							<li><a href="portfolio_2col.html" title="Portfolio 2 Column">Portfolio 2 Column</a>
							<ul>
								<li><a href="portfolio_detailed.html" title="Portfolio Detailed">Portfolio Detailed</a></li>
							</ul>
							</li>
							<li><a href="portfolio_3col.html" title="Portfolio 3 Column">Portfolio 3 Column</a></li>
							<li><a href="portfolio_4col.html" title="Portfolio 4 Column">Portfolio 4 Column</a></li>
						</ul>
						</li>
						<li><a href="portfolio_3col.html" title="Portfolio 3 Column">Portfolio 3 Column</a></li>
						<li><a href="portfolio_4col.html" title="Portfolio 4 Column">Portfolio 4 Column</a></li>
						<li><a href="portfolio_single.html" title="Portfolio Detailed">Portfolio Detailed</a></li>
					</ul>
				</li>
				<li><span class="menuslide"></span><a href="#" title="Blog">Blog<span class="menu_description">On Any Page</span></a>
					<ul>
						<li><a href="blog.html" title="Blog Page">Blog Page</a></li>
						<li><a href="blog_alternate.html" title="Blog Alternate Page">Blog Alternate Page</a></li>
						<li><a href="blog_single.html" title="Blog Single Page">Blog Single Page</a></li>
					</ul>
				</li>
				<li><span class="menuslide"></span><a href="partners.html" title="Partners">Partners<span class="menu_description">Our Partners</span></a></li>
				<li><span class="menuslide"></span><a href="contact.html" title="Contact">Contact<span class="menu_description">Write a Message</span></a></li>
			</ul>
		</div>
		<div class="clear"></div>
	</div>
</div>
<!-- End Main Nav -->

<!-- Begin Header -->
<div class="header_full sample_01">
	<div class="head_top_shadow"></div>
	<div class="head_bot_shadow"></div>
	<div id="header">
		<div id="roundabout">
            <ul>
                <li><a href="#"><img src="images/roundabout/pic1.jpg" alt="Img 1" /></a></li>
                <li><a href="#"><img src="images/roundabout/pic2.jpg" alt="Img 2" /></a></li>
                <li><a href="#"><img src="images/roundabout/pic3.jpg" alt="Img 3" /></a></li>
                <li><a href="#"><img src="images/roundabout/pic4.jpg" alt="Img 4" /></a></li>
                <li><a href="#"><img src="images/roundabout/pic5.jpg" alt="Img 5" /></a></li>
                <li><a href="#"><img src="images/roundabout/pic6.jpg" alt="Img 6" /></a></li>
                <li><a href="#"><img src="images/roundabout/pic7.jpg" alt="Img 7" /></a></li>
            </ul>
        </div>
	</div>
</div>
<!-- End Header -->

<!-- Start Content Wrapper -->
<div class="content_wrapper">
	<!-- Content Area -->
	<div id="content">
		<div class="columns">
			<div class="column">
				<h2 class="icon web">Works Everywhere</h2>
				<p>Donec accumsan malesuada orcidonec sitmet<br>eros lorem isum dolor amet incon. Adipiscing elit maurise pharetra magna accumsan. Malesuada orcdonec umet lorem doloronsec.</p>
				<a href="#" title="read more" class="btn alignleft">read more</a>
				<div class="clear"></div>
			</div>
			<div class="column">
				<h2 class="icon graph">Easy to Customize</h2>
				<p>Donec accumsan malesuada orcidonec sitmet<br>eros lorem isum dolor amet incon. Adipiscing elit maurise pharetra magna accumsan. Malesuada orcdonec umet lorem doloronsec.</p>
				<a href="#" title="read more" class="btn alignleft">read more</a>
				<div class="clear"></div>
			</div>
			<div class="column">
				<h2 class="icon book">Full Documentation</h2>
				<p>Donec accumsan malesuada orcidonec sitmet<br>eros lorem isum dolor amet incon. Adipiscing elit maurise pharetra magna accumsan. Malesuada orcdonec umet lorem doloronsec.</p>
				<a href="#" title="read more" class="btn alignleft">read more</a>
				<div class="clear"></div>
			</div>
			<div class="clear"></div>
		</div>
		<div class="hr"></div>
		<div class="columns2">
			<div class="column">
				<h2>Unlimited Possibilities</h2>
				<p class="dropcap-type1">A Nulla eget erat eget nibh accumsan rutrum eget sit amet arcu. Aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tincint tristique mi, vitae vulputate elit aliquet at praesent in.</p>
				<a href="#" title="read more" class="btn alignleft">read more</a>
				<div class="clear"></div>
			</div>
			<div class="column">
				<h2>Clean and Beautiful</h2>
				<p class="dropcap-type2">B Nulla eget erat eget nibh accumsan rutrum eget sit amet arcu. Aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tincint tristique mi, vitae vulputate elit aliquet at praesent in.</p>
				<a href="#" title="read more" class="btn alignleft">read more</a>
				<div class="clear"></div>
			</div>
			<div class="column">
				<h2>Professional Services</h2>
				<p class="dropcap-type3">C Nulla eget erat eget nibh accumsan rutrum eget sit amet arcu. Aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tincint tristique mi, vitae vulputate elit aliquet at praesent in.</p>
				<a href="#" title="read more" class="btn alignleft">read more</a>
				<div class="clear"></div>
			</div>
			<div class="clear"></div>
		</div>
	</div>
</div>
<!-- End Content Wrapper -->

<!-- Start Featured Bottom Line -->
<div class="featured_bottom_line_full">
	<div id="featured_bottom_line">
		<div id="slider-code">
			<a class="buttons prev" href="#">left</a>
			<div class="viewport">
				<ul class="overview">
					<li><a href="portfolio_single.html"><img src="images/carousel/carousel1.jpg" width="200" height="140" alt="" /></a><h4><a href="portfolio_single.html">Massive Admin Panel</a></h4></li>
					<li><a href="portfolio_single.html"><img src="images/carousel/carousel2.jpg" width="200" height="140" alt="" /></a><h4><a href="portfolio_single.html">Excepteur sint occaecat</a></h4></li>
					<li><a href="portfolio_single.html"><img src="images/carousel/carousel3.jpg" width="200" height="140" alt="" /></a><h4><a href="portfolio_single.html">Eupidatat non proident</a></h4></li>
					<li><a href="portfolio_single.html"><img src="images/carousel/carousel4.jpg" width="200" height="140" alt="" /></a><h4><a href="portfolio_single.html">Sint occaecat cupida</a></h4></li>
					<li><a href="portfolio_single.html"><img src="images/carousel/carousel1.jpg" width="200" height="140" alt="" /></a><h4><a href="portfolio_single.html">Pteur sint occaecat</a></h4></li>
					<li><a href="portfolio_single.html"><img src="images/carousel/carousel2.jpg" width="200" height="140" alt="" /></a><h4><a href="portfolio_single.html">Teur idatat non proint</a></h4></li>
					<li><a href="portfolio_single.html"><img src="images/carousel/carousel3.jpg" width="200" height="140" alt="" /></a><h4><a href="portfolio_single.html">Ur sint occae cupida</a></h4></li>
					<li><a href="portfolio_single.html"><img src="images/carousel/carousel4.jpg" width="200" height="140" alt="" /></a><h4><a href="portfolio_single.html">Eupidatat non proident</a></h4></li>
					<li><a href="portfolio_single.html"><img src="images/carousel/carousel1.jpg" width="200" height="140" alt="" /></a><h4><a href="portfolio_single.html">Sint occaecat cupida</a></h4></li>
					<li><a href="portfolio_single.html"><img src="images/carousel/carousel2.jpg" width="200" height="140" alt="" /></a><h4><a href="portfolio_single.html">Pteur sint occaecat</a></h4></li>
					<li><a href="portfolio_single.html"><img src="images/carousel/carousel3.jpg" width="200" height="140" alt="" /></a><h4><a href="portfolio_single.html">Teur idatat non proint</a></h4></li>
					<li><a href="portfolio_single.html"><img src="images/carousel/carousel4.jpg" width="200" height="140" alt="" /></a><h4><a href="portfolio_single.html">Ur sint occae cupida</a></h4></li>
				</ul>
			</div>
			<a class="buttons next" href="#">right</a>
		</div>

		<div class="clear"></div>
	</div>
</div>
<!-- End Featured Bottom Line -->

<!-- Start Footer Sidebar -->
<div class="fsb_full">	
	<div id="fsb">
		<!-- Start First Collumn -->
		<div class="widget-container widget_recent_posts" data-place="2">
			<h3>Latest News</h3>
			<ul>
				<li>
					<a href="blog_single.html" class="thumb"><img src="images/news_pic1.jpg" alt="" width="72" height="48" border="0" /></a>
					<h4><a href="blog_single.html">Cufon Font Replacement</a></h4>
					<p>Aenean convallis ultricies nisl, et ultrices metus gravida vel.</p>
					<div class="clear"></div>
				</li>
				<li>
					<a href="blog_single.html" class="thumb"><img src="images/news_pic2.jpg" width="72" height="48" alt="" /></a>
					<h4><a href="blog_single.html">Auto Column Alignment</a></h4>
					<p>Donec accumsan malesuada orcidonec sitmet eros lorem isum.</p>
					<div class="clear"></div>
				</li>
			</ul>
		</div>
		<!-- Start Second Collumn -->
		<div class="widget-container widget_links">
			<h3>Blogroll</h3>
			<ul>
				<li><a href="#" title="Development Blog">Development Blog</a></li>
				<li><a href="#" title="Documentation">Documentation</a></li>
				<li><a href="#" title="Plugins">Plugins</a></li>
				<li><a href="#" title="Suggest Ideas">Suggest Ideas</a></li>
				<li><a href="#" title="Support Forum">Support Forum</a></li>
			</ul>
		</div>
		<!-- Start Third Collumn -->
		<div class="widget-container widget_archive">
			<h3>Archives</h3>
			<ul>
				<li><a href="blog.html" title="August 2011">August 2011</a></li>
				<li><a href="blog_alternate.html" title="July 2011">July 2011</a></li>
				<li><a href="blog.html" title="June 2011">June 2011</a></li>
				<li><a href="blog_alternate.html" title="May 2011">May 2011</a></li>
				<li><a href="blog.html" title="April 2011">April 2011</a></li>
			</ul>
		</div>
		<!-- Start Fourth Collumn -->
		<div class="widget-container widget_text" data-place="2">
			<h3>Contact Form</h3>
			<form action="action">
				<div class="wpcf7">
					<p><label>Name:</label> <input type="text" class="wpcf7-text your-name" /></p>
					<p><label>E-mail:</label> <input type="text" class="wpcf7-text your-email" /></p>
					<p><span class="your-message"><textarea cols="20" rows="5"></textarea></span></p>
					<p><input type="submit" title="Submit" value="Submit" /></p>
				</div>
			</form>
		</div>
		<div class="clear"></div>
	</div>
</div>
<!-- End Footer Sidebar -->
<!-- Start Footer  -->
<div class="footer_full">
	<div id="footer">
		<div class="copy">
			<p>Copyright &copy; 2011  &bull;  MixerTheme  &bull;  All rights reserved</p>
			<p class="developed_by">Developed By: <a href="http://cssmixer.com/">CSSMixer</a></p>
		</div>
		<div class="social">
			<a href="http://www.facebook.com/people/@/MixerTheme" title="Facebook"><img src="images/facebook.png" width="42" height="42" alt="" /></a>
			<a href="http://themeforest.net/user/MixerTheme/portfolio" title="Myspace"><img src="images/myspace.png" width="42" height="42" alt="" /></a>
			<a href="feed://themeforest.net/feeds/users/MixerTheme" title="RSS Feed"><img src="images/rss.png" width="42" height="42" alt="" /></a>
			<a href="http://twitter.com/MixerTheme" title="Twitter"><img src="images/twitter.png" width="42" height="42" alt="" /></a>
		</div>
		<div class="clear"></div>
	</div>
</div>
<!-- End Footer  -->

<!-- Theme Hook -->
<script type="text/javascript" src="js/Includer.js"></script>
<script type="text/javascript">Cufon.now();</script>
</body>
</html>